<template>
  <div class="nav">
    <div class="nav-center">
      <dt class="nav-menu">
        <a class="menu-a" :class="menuShow?'on':''" href="/zyfl/">专业分类</a>
        <div class="menu-row menu-row2" v-if="menuShow">
          <ul>
            <li
              class="menu-list"
              v-for="(item, index) in navDataMenu"
              :key="index"
            >
              <a
                :href="item.url ? item.url : 'javascript:void(0);'"
                class="list-title"
                >{{ item.name }}</a
              >
              <div class="list-sub-list">
                <dd v-for="(ite, ind) in item.lists" :key="ind">
                  <a
                    :href="ite.url ? ite.url : 'javascript:void(0);'"
                    :title="ite.name"
                    class="sub-list-a"
                    >{{ ite.name }}</a
                  >
                </dd>
              </div>
            </li>
          </ul>
        </div>
      </dt>
      <dd class="nav-list">
        <ul>
          <li v-for="(item, index) in navData" :key="index">
            <a :href="item.href" class="nav-list-a">{{ item.name }}</a>
          </li>
        </ul>
      </dd>
    </div>
  </div>
</template>

<script>
export default {
  props: ['navData', 'navDataMenu'],
  data() {
    return {
      menuShow: false
    }
  }
}
</script>